<!-- <script type="module" src="./t.js"></script> -->

<html>

<body>
    <!-- <script src="./node_modules/three/build/three.js"></script> -->
    <script src="./resource/threejs/three.js"></script>
    <!-- <script>
        // import * as THREE from './node_modules/three/build/three.module.js';

        // init

        const camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 0.01, 10);
        camera.position.z = 1;

        const scene = new THREE.Scene();

        const geometry = new THREE.BoxGeometry(0.2, 0.2, 0.2);
        const material = new THREE.MeshNormalMaterial();

        const mesh = new THREE.Mesh(geometry, material);
        scene.add(mesh);

        const renderer = new THREE.WebGLRenderer({ antialias: true });
        renderer.setSize(window.innerWidth, window.innerHeight);
        renderer.setAnimationLoop(animation);
        document.body.appendChild(renderer.domElement);

        // animation

        function animation(time) {

            mesh.rotation.x = time / 2000;
            mesh.rotation.y = time / 1000;

            renderer.render(scene, camera);

        }
    </script> -->

</body>

</html>